<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
	  xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
	<meta charset="UTF-8">
	<title>升级记录</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta http-equiv="Access-Control-Allow-Origin" content="*">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="icon" th:href="@{/resources/favicon.ico}">
	<link rel="stylesheet" th:href="@{/resources/layui/css/layui.css}" media="all"/>
	<link rel="stylesheet" th:href="@{/resources/css/public.css}" media="all"/>
</head>
<style>
	.layui-form-item {
		margin-bottom: 10px;
		clear: both;
		*zoom: 1;
	}
</style>
<body class="childrenBody">
<!-- 查询条件开始 -->
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 5px;">
  <legend>查询条件</legend>
</fieldset>
<blockquote class="layui-elem-quote">
	<form method="post" id="searchFrm" lay-filter="searchFrm" class="layui-form-pane">
		<div class="layui-form-item">
		    <div class="layui-inline">
		      <label class="layui-form-label">客户名称</label>
		      <div class="layui-input-inline">
		        <input type="text" name="customer"  autocomplete="off" class="layui-input">
		      </div>
		    </div>
		    <div class="layui-inline">
		      <label class="layui-form-label">升级人员</label>
		      <div class="layui-input-inline">
		        <input type="text" name="person"  autocomplete="off" class="layui-input">
		      </div>
		    </div>
			<div class="layui-inline">
				<label class="layui-form-label">省份</label>
				<div class="layui-input-inline">
					<input type="text" name="address" autocomplete="off" class="layui-input">
				</div>
			</div>
		    <div class="layui-inline">
		      <label class="layui-form-label">升级开始</label>
		      <div class="layui-input-inline">
		        <input type="tel" name="updateStartTime" id="updateStartTime" readonly="readonly"  class="layui-input">
		      </div>
		    </div>
		    <div class="layui-inline">
		      <label class="layui-form-label">升级结束</label>
		      <div class="layui-input-inline">
		        <input type="tel" name="updateEndTime"  id="updateEndTime"  readonly="readonly"   class="layui-input">
		      </div>
		    </div>
			<div class="layui-inline">
				<label class="layui-form-label">创建开始</label>
				<div class="layui-input-inline">
					<input type="tel" name="createStartTime" id="createStartTime" readonly="readonly"   class="layui-input">
				</div>
			</div>
			<div class="layui-inline">
				<label class="layui-form-label">创建结束</label>
				<div class="layui-input-inline">
					<input type="tel" name="createEndTime"  id="createEndTime"  readonly="readonly"   class="layui-input">
				</div>
			</div>
		  </div>
		  <div class="layui-form-item">
		      <div class="layui-input-block" style="text-align: center;margin-left: 0px">
		      	<button type="button" id="doSearch" class="layui-btn" lay-submit="" lay-filter="doSearch"><span class="layui-icon layui-icon-search"></span>查询</button>
      			<button type="button" id="doReset" class="layui-btn layui-btn-warm"><span class="layui-icon layui-icon-refresh-1"></span>重置</button>
		      </div>
		  </div>
	</form>
</blockquote>
<!-- 查询条件结束-->

<!-- 数据表格开始 -->
<div>
	<table class="layui-hide" id="updateTable" lay-filter="updateTable"></table>
	<div id="updateToolBar" style="display: none;">
		<button type="button" shiro:hasPermission="site:create" lay-event="add" class="layui-btn layui-btn-sm"><span class="layui-icon layui-icon-add-1"></span>添加升级记录</button>
		<button type="button" shiro:hasPermission="site:update" lay-event="update" class="layui-btn layui-btn-sm"><span class="layui-icon layui-icon-edit"></span>更新</button>
		<button type="button" shiro:hasPermission="site:delete" lay-event="delete" class="layui-btn layui-btn-sm layui-btn-danger"><span class="layui-icon layui-icon-delete"></span>删除</button>
		<button type="button" shiro:hasPermission="site:batchdelete"  lay-event="batchDelete" class="layui-btn layui-btn-sm layui-btn-danger"><span class="layui-icon layui-icon-delete"></span>批量删除</button>
	</div>
<!--	<div id="siteRowBar" style="display: none;">-->
<!--		<button type="button" lay-event="update" class="layui-btn layui-btn-sm"><span class="layui-icon layui-icon-edit"></span>更新</button>-->
<!--		<button type="button" lay-event="delete" class="layui-btn layui-btn-sm layui-btn-danger"><span class="layui-icon layui-icon-delete"></span>删除</button>-->
<!--	</div>-->
</div>
<!-- 数据表格结束 -->

<!-- 添加和修改的弹出层开始 -->
<div style="display: none;padding: 5px" id="addOrUpdateDiv">
	<form action="" method="post" class="layui-form layui-form-pane" id="dataFrm" lay-filter="dataFrm">
		<div class="layui-form-item">
			<fieldset>
				<legend>站点升级数据</legend>
				<div class="layui-form-item">
					<div class="layui-inline">
						<label class="layui-form-label" style="color: red">客户名称</label>
						<div class="layui-input-block">
							<input type="text" style="display: inline-block;width: 190px" name="customer"  autocomplete="off"  class="layui-input">
						</div>
					</div>
					<div class="layui-inline">
						<label class="layui-form-label">升级状态</label>
						<div class="layui-input-block">
							<input type="hidden" name="id">
							<input type="text" style="display: inline-block;width: 190px" name="status"  autocomplete="off"  class="layui-input">
						</div>
					</div>
					<div class="layui-inline">
						<label class="layui-form-label" style="font-size: 11px;padding:10px 0px 0px 0px">省份地区</label>
						<div class="layui-input-block">
							<input type="text" style="display: inline-block;width: 190px" name="address"  autocomplete="off"  class="layui-input">
						</div>
					</div>
					<div class="layui-inline">
						<label class="layui-form-label">升级类型</label>
						<div class="layui-input-block">
							<input type="text" style="display: inline-block;width: 190px" name="type"  autocomplete="off"  class="layui-input">
						</div>
					</div>
				</div>
				<div class="layui-form-item">
					<div class="layui-inline">
						<label class="layui-form-label" style="font-size: 5px;padding:10px 0px 0px 0px">站点数量</label>
						<div class="layui-input-block">
							<input type="text" style="display: inline-block;width: 190px" name="sitenum"  autocomplete="off"  class="layui-input">
						</div>
					</div>
					<div class="layui-inline">
						<label class="layui-form-label">升级原因</label>
						<div class="layui-input-block">
							<input type="text" style="display: inline-block;width: 190px" name="title"  autocomplete="off"  class="layui-input">
						</div>
					</div>
					<div class="layui-inline">
						<label class="layui-form-label" style="font-size: 10px">升级目标版本</label>
						<div class="layui-input-block">
							<input type="text" style="display: inline-block;width: 190px" name="target"  autocomplete="off"  class="layui-input">
						</div>
					</div>
					<div class="layui-inline">
						<label class="layui-form-label">处理人</label>
						<div class="layui-input-block">
							<input type="text" style="display: inline-block;width: 190px" name="person"  autocomplete="off"  class="layui-input">
						</div>
					</div>
				</div>
				<div class="layui-form-item">
					<div class="layui-inline">
						<label class="layui-form-label">升级时间</label>
						<div class="layui-input-block">
							<input type="tel" style="display: inline-block;width: 190px" name="updatetime" placeholder="请选择时间"  id="updatetime"  readonly="readonly"  class="layui-input">
						</div>
					</div>
					<div class="layui-inline">
						<label class="layui-form-label">时长</label>
						<div class="layui-input-block">
							<input type="text" style="display: inline-block;width: 190px" name="time"  autocomplete="off"  class="layui-input">
						</div>
					</div>
					<div class="layui-inline">
						<label class="layui-form-label">申请单</label>
						<div class="layui-input-block">
							<input type="text" style="display: inline-block;width: 190px" name="apply"  autocomplete="off"  class="layui-input">
						</div>
					</div>
					<div class="layui-inline">
						<label class="layui-form-label">订单情况</label>
						<div class="layui-input-block">
							<input type="text" style="display: inline-block;width: 190px" name="orders"  autocomplete="off"  class="layui-input">
						</div>
					</div>
				</div>
				<div class="layui-form-item">
					<div class="layui-inline">
						<label class="layui-form-label">方案编号</label>
						<div class="layui-input-block">
							<input type="text" style="display: inline-block;width: 190px" name="program"  autocomplete="off"  class="layui-input">
						</div>
					</div>
					<div class="layui-inline">
						<label class="layui-form-label">升级包</label>
						<div class="layui-input-block">
							<input type="text" style="display: inline-block;width: 190px" name="updatepackage"  autocomplete="off"  class="layui-input">
						</div>
					</div>
					<div class="layui-inline">
						<label class="layui-form-label" style="font-size: 11px;padding:10px 0px 0px 0px">市场经理</label>
						<div class="layui-input-block">
							<input type="text" style="display: inline-block;width: 190px" name="manager"  autocomplete="off"  class="layui-input">
						</div>
					</div>
					<div class="layui-inline">
						<label class="layui-form-label" style="font-size: 11px;padding:10px 0px 0px 0px">部署方式</label>
						<div class="layui-input-block">
							<input type="text" style="display: inline-block;width: 190px" name="deploy"  autocomplete="off"  class="layui-input">
						</div>
					</div>
				</div>
				<div class="layui-form-item">
					<div class="layui-input-block" style="text-align: center;margin-left: 0px">
						<button type="button" class="layui-btn" lay-submit="" lay-filter="doSubmit" id="doSubmit" ><span class="layui-icon layui-icon-add-1"></span>提交</button>
						<button type="reset" class="layui-btn layui-btn-warm"><span class="layui-icon layui-icon-refresh-1"></span>重置</button>
					</div>
				</div>
			</fieldset>
		</div>
	</form>
</div>
<!-- 添加和修改的弹出层结束 -->

<script type="text/javascript" th:src="@{/resources/layui/layui.js}"></script>
<script type="text/javascript">
	layui.use(['jquery','element','form','table','layer','laydate','layedit'],function(){
		var $=layui.jquery;
		var form=layui.form;
		var table=layui.table;
		var layer=layui.layer;
		var laydate=layui.laydate;
		var layedit=layui.layedit;
		var element=layui.element;
		//初始化时间选择器
		laydate.render({
			elem:'#updateStartTime',
			type:'datetime'
		});
		laydate.render({
			elem:'#updateEndTime',
			type:'datetime'
		});
		laydate.render({
			elem:'#createStartTime',
			type:'datetime'
		});
		laydate.render({
			elem:'#createEndTime',
			type:'datetime'
		});
		laydate.render({
			elem:'#updatetime',
			type:'datetime'
		});
		//初始化富文本
		var editIndex = layedit.build('content');
		//加载 数据
		var tableIns=table.render({
			 elem: '#updateTable'
		    ,url:'/update/loadAllUpdateData'
		    ,toolbar: '#updateToolBar' //开启头部工具栏，并为其绑定左侧模板
		    ,title: '升级记录'
		    ,height:'full-260'
			,limit:'20'
			,limits:[20,40,60,80]
		    ,page: true
		    ,cols: [ [
		      {type: 'checkbox', fixed: 'left'}
		      ,{field:'id', title:'ID',align:'center',width:'100'}
		      ,{field:'status', title:'升级状态',align:'center',width:'100'}
		      ,{field:'title', title:'升级原因',align:'center',width:'200'}
		      ,{field:'customer', title:'客户名称',align:'center',width:'180'}
		      ,{field:'type', title:'升级类型',align:'center',width:'100'}
		      ,{field:'deploy', title:'部署方式',align:'center',width:'100'}
		      ,{field:'sitenum', title:'站点数量',align:'center',width:'100'}
		      ,{field:'address', title:'省份地区',align:'center',width:'100'}
		      ,{field:'manager', title:'市场经理',align:'center',width:'100'}
		      ,{field:'target', title:'升级目标版本',align:'center',width:'140'}
		      ,{field:'person', title:'升级人员',align:'center',width:'100'}
		      ,{field:'updatetime', title:'升级时间',align:'center',width:'160'}
		      ,{field:'time', title:'时长',align:'center',width:'140'}
		      ,{field:'apply', title:'申请单',align:'center',width:'140'}
		      ,{field:'orders', title:'订单情况',align:'center',width:'140'}
		      ,{field:'program', title:'方案编号',align:'center',width:'160'}
		      ,{field:'updatepackage', title:'升级包',align:'center',width:'160'}
		      ,{field:'createbody', title:'创建人',align:'center',width:'140'}
		      ,{field:'createtime', title:'创建时间',align:'center',width:'160'}
		      ,{field:'solvebody', title:'更新人',align:'center',width:'140'}
		      ,{field:'solvetime', title:'更新时间',align:'center',width:'160'}
		    ] ]
		});

		//模糊查询
		$("#doSearch").click(function () {
			var params=$("#searchFrm").serialize();
			tableIns.reload({
				url:'/update/loadAllUpdateData?'+params,
				page:{
					curr:1
				}
			});
			return false;
		})
		$("#doReset").click(function () {
			$("#searchFrm")[0].reset()
			$("#doSearch").click()
		})
		var data;
		//监听工具条的事件
		table.on("toolbar(updateTable)",function(obj){
			 switch(obj.event){
			    case 'batchDelete':
			     batchDelete();
			    break;
			    case 'add':
			     openAddLayer();
			    break;
			 	case 'update':
				 var checkStatus = table.checkStatus('updateTable');
				 var data =checkStatus.data[0];
				 openUpdateSiteLayer(data);
			 	break;
			 	case 'delete':
				 var checkStatus = table.checkStatus('updateTable');
				 var data =checkStatus.data[0];
				 deleteSite(data);
			 	break;
			  }
		});

		var mainIndex;
		var url;
		//打开添加的弹出层
		function openAddLayer(){
			mainIndex=layer.open({
				type:1,
				content:$("#addOrUpdateDiv"),
				area:['1330px','360px'],
				title:'添加升级记录',
				success:function(){
					$("#dataFrm")[0].reset();
					url="/update/addUpdate";
					// initCustomerSelect();
				}
			});
		}

		//打开修改的弹出层
		function openUpdateSiteLayer(data){
			mainIndex=layer.open({
				type:1,
				content:$("#addOrUpdateDiv"),
				area:['1330px','360px'],
				title:'更新升级记录',
				success:function(){
					$("#dataFrm")[0].reset();
					//装载新的数据
					form.val("dataFrm",data);
					layedit.setContent(editIndex,data.content);
					url="/update/updateData";
					// initCustomerSelect();
				}
			});
		}
		$("#doSubmit").click(function(){
			layedit.sync(editIndex);
			var data=$("#dataFrm").serialize();
			$.post(url,data,function(res){
				if(res.code==200){
					tableIns.reload();
				}
				layer.msg(res.msg);
				layer.close(mainIndex);
			})
		})
		//删除
		function deleteSite(data){
			layer.confirm('你确定要删除【'+data.customer+'】这条升级记录吗?', {icon: 3, title:'提示'}, function(index){
				$.post("/update/deleteUpdate",{id:data.id},function(res){
					if(res.code==200){
						tableIns.reload();
					}
					layer.msg(res.msg);
				})
			   layer.close(index);
			});
		}

		//批量删除
		function  batchDelete(){
			//得到选中行
			var checkStatus = table.checkStatus('updateTable');
			var dataLength=checkStatus.data.length;
			if(dataLength>0){
				layer.confirm('你确定要删除这些升级记录吗?', {icon: 3, title:'提示'}, function(index){
						var data=checkStatus.data; //获取选中行的数据
						var ids="";
						$.each(data,function(index,item){
							if(index==0){
								ids+="ids="+item.id;
							}else{
								ids+="&ids="+item.id;
							}
						})
						$.post("/update/batchDeleteUpdate",ids,function(res){
							if(res.code==200){
								tableIns.reload();
							}
							layer.msg(res.msg);
						})
					   layer.close(index);
					});
			}else{
				layer.msg("请选中操作行")
			}
		}
	});
</script>
</body>
</html>
